﻿<?php
/**
 * Template Name: Products
 *
 * @package WordPress
 * @subpackage Starkers
 * @since Starkers HTML5 3.0
 */

//get_header(); ?>

	<?php //get_template_part( 'loop', 'page' ); ?>

<?php //get_footer(); ?>

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta name="keywords" content="Sun Glasses">
<meta name="description" content="Sun Glasses">
<title><?php
 
    global $page, $paged;
 
    wp_title( '|', true, 'right' );
 
    bloginfo( 'name' );
 
    $site_description = get_bloginfo( 'description', 'display' );
    if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";
 
    if ( $paged >= 2 || $page >= 2 )
        echo ' | ' . sprintf( __( 'Page %s', 'starkers' ), max( $paged, $page ) );
 
    ?></title>
<link rel="icon" type="image/x-icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<link href="<?php bloginfo('template_directory'); ?>/css/salon-reset.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_directory'); ?>/css/style-in.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_directory'); ?>/css/store-styles.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<link href="<?php bloginfo('template_directory'); ?>/themes/store003-jq-styles-store-ie.css" rel="stylesheet" type="text/css">
<![endif]-->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.color.js"></script>

<link href="<?php bloginfo('template_directory'); ?>/css/store-jscrollpane.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.jscrollpane.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="<?php bloginfo('template_directory'); ?>/js/store.js" type="application/x-javascript" charset="utf-8"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/store-animations.js"></script>
</head>
<body cz-shortcut-listen="true" style="zoom: 1;">
<div id="pg_wrapper" class="pg_wrapper">
	<div class="topstrip_20" style="opacity: 1;" deluminate_imagetype="jpg"></div>
	<div class="bottomstrip-20" style="opacity: 1; bottom: -150px;" deluminate_imagetype="jpg"></div>
  <div class="container_all">
  	 <div class="squarbox_red_20" style="opacity: 0.92;"></div>
        <div class="squarbox_black_20" style="opacity: 1;"></div>
          
      
            <div id="pg_loader-20" class="pg_loader-20" style="display: none;"></div>
                        
         <div class="logoholder-20"><a href="<?php echo get_site_url(); ?>" title="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" width="180" height="100" alt="" style="opacity: 1;"></a></div>
                    <!-- logo title slogan --> 
        <div id="logo-in-020" class="logo-in-020" style="opacity: 1;">
        <h1 style="opacity: 1;"><span style="font-size:24px"><?php bloginfo( 'name' ); ?></span></h1>
        <h2 style="opacity: 1;"><?php bloginfo( 'description' ); ?>&nbsp;</h2>
      </div>
	  <!-- facebook and twitter -->
		<div class="socialnetwork-20" style="opacity: 1; bottom: -120px;">
        <span class="sicons_text"><a href="#" target="_blank" title="facebook">facebook</a></span>
        <a href="#" target="_blank" title="facebook"><img src="<?php bloginfo('template_directory'); ?>/images/icon_facebook_big20.png" width="32" height="32" alt="facebook"></a>
        </div>
         <!-- Home Icon -->
      <div class="homeicon_20" style="opacity: 1;"><a href="<?php echo get_site_url(); ?>" class="plinks" title="Home"><img src="<?php bloginfo('template_directory'); ?>/images/homeicon20.png" alt="Home"></a></div>
        <!-- main menu -->
                <ul id="nav-in-020" class="nav-in-020" style="opacity: 1;">
					<?php wp_nav_menu( array( 'container' => 'nav', 'fallback_cb' => 'starkers_menu', 'theme_location' => 'primary' ) ); ?>
				</ul>
       
    <!--Store Products wrapper-->
    <div id="storecontent" class="storecontent" style="height: auto; top: 240px;">
      <h3>
        <?php the_title(); ?>      </h3>
      <div class="title_strip"></div>
      <div id="storeprolist" class="storeprolist" style="height:auto">
        <ul>
                              <li class="a0" style="cursor: default;"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Uong-Setting.png" alt="Uốn Setting" style="cursor: pointer;">
            <p class="prtitlea" style="cursor: pointer;">
              Uốn Setting            </p>
            <div class="detailsa" style="cursor: pointer;"><span>
              Giá              :
              Liên hệ              </span><br>
              Thông tin chi tiết            </div>
          </li>
                              <li class="a1" style="cursor: default;"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Serum.png" alt="Serum" style="cursor: pointer;">
            <p class="prtitlea" style="cursor: pointer;">
              Serum            </p>
           <div class="detailsa" style="cursor: pointer;"><span>
              Giá              :
              Liên hệ              </span><br>
              Thông tin chi tiết            </div>
          </li>
                              <li class="a2" style="cursor: default;"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Hap-Dau.png" alt="Hấp dầu siêu mượt Machiko" style="cursor: pointer;">
            <p class="prtitlea" style="cursor: pointer;">
              Hấp dầu siêu mượt Machiko            </p>
            <div class="detailsa" style="cursor: pointer;"><span>
              Giá              :
              Liên hệ              </span><br>
              Thông tin chi tiết            </div>
          </li>
                              <li class="a3" style="cursor: default;"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/PPT.png" alt="Kem trợ uốn PPT Machiko" style="cursor: pointer;">
            <p class="prtitlea" style="cursor: pointer;">
              Kem trợ uốn PPT Machiko            </p>
            <div class="detailsa" style="cursor: pointer;"><span>
              Giá              :
              Liên hệ              </span><br>
              Thông tin chi tiết            </div>
          </li>
                              <li class="a4" style="cursor: default;"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Collagen.png" alt="Xịt dưỡng collagen Machiko" style="cursor: pointer;">
            <p class="prtitlea" style="cursor: pointer;">
              Xịt dưỡng collagen Machiko            </p>
            <div class="detailsa" style="cursor: pointer;"><span>
              Giá              :
              Liên hệ              </span><br>
              Thông tin chi tiết            </div>
          </li>
                  </ul>
      </div>
    </div>
    <!-- cat prod-->
    <div class="baselyr">
     
    </div>
    <div id="catProd" class="catProd" style="top: 820px; height: 0px; opacity: 0;"> <span class="cclose">X</span> 
      <span id="statustext"></span>
      <!-- cat prod 1-->
      
                  <div class="cpbox0" style="display: none;">
        <h3>
          Uốn Setting        </h3>
        <div class="leftbx"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Uong-Setting.png" alt="Your Product Title."></div>
        <div class="rightbx">
          <p>
            Sản phẩm thuốc uốn Setting phục hồi đầu tiên không có Amoniac.<br />
Với thành phần siêu dưỡng đem lại cho mái tóc uốn Setting độ mềm mượt, bóng đẹp.          </p>
                  <form action="<?php echo get_site_url(); ?>/contact-us">
                        <ul>
              <li>Giá : <span class="prcnum">liên hệ</span></li>
              
            </ul>
            <div>
              <input type="submit" value="Liên hệ đặt mua" class="atcbtn">
            </div>
          </form>
        </div>
      </div>
                  <div class="cpbox1" style="display: none;">
        <h3>
          Serum        </h3>
        <div class="leftbx"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Serum.png" alt="Your Product Title."></div>
        <div class="rightbx">
          <p>
            Tinh dầu serum Machiko là sản phẩm cao cấp được chiết xuất từ những thành phần có nguồn gốc từ thiên nhiên như: tinh dầu hạt Madacamia, dầu trái bơ, vitamin E.<br />
Nuôi dưỡng, giữ màu tóc và chống tin UV. Đem lại mái tóc sóng sánh, mềm mại. Phù hợp với tóc uốn setting. Giúp việc chăm sóc tại nhà hiệu quả tuyệt đối.          </p>
                  <form action="<?php echo get_site_url(); ?>/contact-us">
                        <ul>
              <li>Giá : <span class="prcnum">liên hệ</span></li>
              
            </ul>
            <div>
              <input type="submit" value="Liên hệ đặt mua" class="atcbtn">
            </div>
          </form>
        </div>
      </div>
                  <div class="cpbox2" style="display: none;">
        <h3>
          Hấp dầu siêu mượt Machiko (Hair Treatment)        </h3>
        <div class="leftbx"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Hap-Dau.png" alt="Your Product Title."></div>
        <div class="rightbx">
          <p>
            Với tinh chất Keratin và dược thảo, các hạt dưỡng chất siêu nhỏ thẩm thấu sâu giúp nuôi dưỡng sợ tóc từ bên trong.<br />
Chuyên dưỡng và chữa trị tóc hư tổn. Cân bằng độ ẩm và giúp tóc phụ hồi chắc khỏe. Duy trì độ mềm mượt và giữ màu tóc.          </p>
                  <form action="<?php echo get_site_url(); ?>/contact-us">
                        <ul>
              <li>Giá : <span class="prcnum">liên hệ</span></li>
              
            </ul>
            <div>
              <input type="submit" value="Liên hệ đặt mua" class="atcbtn">
            </div>
          </form>
        </div>
      </div>
                  <div class="cpbox3" style="display: block;">
        <h3>
          Kem trợ uốn PPT Machiko        </h3>
        <div class="leftbx"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/PPT.png" alt="Your Product Title."></div>
        <div class="rightbx">
          <p>
            Kem trợ uốn PPT Machiko chuyên dùng cho tóc uốn setting với công dụng sắp xếp cấu trúc và vẩy tóc trước khi uốn vào cây xuông uốn.<br />
Bảo vệ sợi tóc trước độ nóng của xương uốn. Tạo độ bóng cho tóc.<br />
Sản phẩm chuyên nghiệp dành cho salon tóc.          </p>
                  <form action="<?php echo get_site_url(); ?>/contact-us">
                        <ul>
              <li>Giá : <span class="prcnum">liên hệ</span></li>
              
            </ul>
            <div>
              <input type="submit" value="Liên hệ đặt mua" class="atcbtn">
            </div>
          </form>
        </div>
      </div>
                  <div class="cpbox4" style="display: none;">
        <h3>
          Xịt dưỡng collagen Machiko        </h3>
        <div class="leftbx"> <img src="<?php bloginfo('template_directory'); ?>/images/sp/Collagen.png" alt="Your Product Title."></div>
        <div class="rightbx">
          <p>
			(Straight hair moisturizing spray collagen)<br />
            Xịt dưỡng Machiko với tầng trên được phủ vào tầng biểu bì của tóc làm cho tóc bóng, đầy đặn và phục hồi tóc hư tổn, tại tạo tóc mạng lại cho tóc sự mềm mại, đàn hồi.<br />
Tầng dưới điều chỉnh, cân bằng độ pH của da đầu, duy trì màu sắc cho tóc khi uốn hoặc nhuộm.<br />
Tác dụng bảo vệ tóc tránh bị tổn thương do tác dụng của Provitamin Axit Amino.<br />
Lắc đều trước khi xịt.          </p>
                  <form action="<?php echo get_site_url(); ?>/contact-us">
                        <ul>
              <li>Giá : <span class="prcnum">liên hệ</span></li>
              
            </ul>
            <div>
              <input type="submit" value="Liên hệ đặt mua" class="atcbtn">
            </div>
          </form>
                        
        </div>
      </div>
       <!-- shipping info-->
                <div id="shippinginfoBx" class="shippinginfoBx" style="display: none;">
                	<div id="shpclose" class="shpclose"></div>
                	<div class="ftitem"><div class="algrg">First Item : <span id="shippfirstitem"></span></div> </div>
					<div class="echadditem"><div class="algrg">Each Additional Item : <span id="shippadditionalitem"></span></div> </div> 
                
                </div>
                <!--// -->
      
    </div>
    <div id="vCart" class="vCart"> <span class="cclose" style="display: none;">X</span>
      <div class="vcBox">
        <ul>
          <li class="b1">Item</li>
          <li class="b2">Item Price</li>
          <li class="b3">Quantity</li>
          <li class="b4"><span>Total</span> ( usd )</li>
          <li class="b5"><span>Shipping</span> ( usd )</li>
        </ul>
        </div>
        
        <div id="cartJspane" style="overflow: hidden; padding: 0px; display: none; width: 960px;">
        
        <div class="jspContainer" style="width: 960px; height: 352px;"><div class="jspPane" style="padding: 0px; top: 0px; width: 960px;"><div class="itembx" id="itembx"> </div></div></div></div>
        
        <ul class="ctotals" id="ctotals" style="display: none;">
        </ul>
        <div class="chkoutbx" style="display: none;">
	       <div class="paybtns1" id="buywith2co">
    	    </div>
        	<div class="paybtns2" id="buywithpaypal">
	       </div>
           
        </div>

      </div>
	<!-- icons -->
        <div class="icnWrap">
                  <div class="sitegallery-20" style="opacity: 1; top: 990px;"><span class="icons_text">Sản phẩm</span><a href="<?php echo get_site_url(); ?>/products" title="Our Works"><img src="<?php bloginfo('template_directory'); ?>/images/galleryicon20.png" alt="Sản phẩm"></a></div>
     
        
                          <div class="mediaplayer-20" style="opacity: 1; top: 990px;"><span class="icons_text">Hình ảnh</span><a href="<?php echo get_site_url(); ?>/photo-gallery" title="Media Player"><img src="<?php bloginfo('template_directory'); ?>/images/mediaicon20.png" alt="Hình ảnh"></a> </div>
            
                        
                          <div class="store-20" style="opacity: 1; top: 990px;"><span class="icons_text">Đặt hàng</span><a href="<?php echo get_site_url(); ?>/contact-us" title="Shop Here!"><img src="<?php bloginfo('template_directory'); ?>/images/storeicon20.png" alt="Đặt hàng"></a></div>
            
                            <div class="contactus-20" style="opacity: 1; top: 990px;"><span class="icons_text">Liên hệ</span><a href="<?php echo get_site_url(); ?>/contact-us" title="Contact"><img src="<?php bloginfo('template_directory'); ?>/images/contacticon20.png" alt="Liên hệ"></a></div>
            
        
        </div>    
        <!-- social network icons -->
        
        <!-- bottom text -->
        

        <div class="menu_line" style="opacity: 1;"></div>
    </div>
     
    <br clear="all">
	
    </div>
	
	

  </div>
  <!-- container_all  //--> 



</body></html>